/*  
Theme Name: Default, 32x32
Theme URI: http://www.levork.org/cbb/
Description: Styled after wikipedia presentation. Squares are 32x32.
Version: 1.0.2
Author: Julian Fong
Author URI: http://www.levork.org/
*/

.CBB-chessboard {
	border: 1px solid #b0b0b0;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-square {
	/* We need all three of these.. */
	height: 32px;
	min-height: 32px;
	min-width: 32px;
}
.CBB-blackSquare {
	background-color: #d18b47;
	border: 2px solid #d18b47;
}
.CBB-whiteSquare {
	background-color: #ffce9e;
	border: 2px solid #ffce9e;
}
.CBB-selectedSquare {
	border: 2px solid red;
}
.CBB-moveableSquare {
	border: 2px solid orange;
}
.CBB-rank-grid {
	padding: 0px 5px 0px 5px;
	margin: 0px;
}
.CBB-rank-label {
	font-size: 9px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
.CBB-file-grid {
	padding: 5px 0px 5px 0px;
	margin: 0px;
}
.CBB-file-label {
	text-align: center;
	font-size: 9px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
.CBB-gamelog-header {
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
}
.CBB-gamelog-number {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
	text-align: right;
}
.CBB-gamelog-entry {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
}
.CBB-gamelog-entry-with-comment {
	font-style: italic;
}
.CBB-gamelog-entry:hover {
	background-color: #ffce9e;
}
.CBB-gamelog-selected-entry {
	font-weight: bold;
}
.CBB-side-label {
	text-transform: uppercase;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
}
.CBB-event-label {
	text-transform: uppercase;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
}
.CBB-blackP-blackSquare {
	background-image: url(pieces.png);
	background-position: -96px -32px;
}
.CBB-blackP-whiteSquare {
	background-image: url(pieces.png);
	background-position: -96px -64px;
}
.CBB-whiteP-blackSquare {
	background-image: url(pieces.png);
	background-position: -96px -96px;
}
.CBB-whiteP-whiteSquare {
	background-image: url(pieces.png);
	background-position: -96px 0px;
}
.CBB-blackN-blackSquare {
	background-image: url(pieces.png);
	background-position: -64px -32px;
}
.CBB-blackN-whiteSquare {
	background-image: url(pieces.png);
	background-position: -64px -64px;
}
.CBB-whiteN-blackSquare {
	background-image: url(pieces.png);
	background-position: -64px -96px;
}
.CBB-whiteN-whiteSquare {
	background-image: url(pieces.png);
	background-position: -64px 0px;
}
.CBB-blackA-blackSquare {
	background-image: url(pieces.png);
	background-position: -192px -32px;
}
.CBB-blackA-whiteSquare {
	background-image: url(pieces.png);
	background-position: -192px -64px;
}
.CBB-whiteA-blackSquare {
	background-image: url(pieces.png);
	background-position: -192px -96px;
}
.CBB-whiteA-whiteSquare {
	background-image: url(pieces.png);
	background-position: -192px 0px;
}
.CBB-blackC-blackSquare {
	background-image: url(pieces.png);
	background-position: -224px -32px;
}
.CBB-blackC-whiteSquare {
	background-image: url(pieces.png);
	background-position: -224px -64px;
}
.CBB-whiteC-blackSquare {
	background-image: url(pieces.png);
	background-position: -224px -96px;
}
.CBB-whiteC-whiteSquare {
	background-image: url(pieces.png);
	background-position: -224px 0px;
}
.CBB-blackB-blackSquare {
	background-image: url(pieces.png);
	background-position: 0px -32px;
}
.CBB-blackB-whiteSquare {
	background-image: url(pieces.png);
	background-position: 0px -64px;
}
.CBB-whiteB-blackSquare {
	background-image: url(pieces.png);
	background-position: 0px -96px;
}
.CBB-whiteB-whiteSquare {
	background-image: url(pieces.png);
	background-position: 0px 0px;
}
.CBB-blackR-blackSquare {
	background-image: url(pieces.png);
	background-position: -160px -32px;
}
.CBB-blackR-whiteSquare {
	background-image: url(pieces.png);
	background-position: -160px -64px;
}
.CBB-whiteR-blackSquare {
	background-image: url(pieces.png);
	background-position: -160px -96px;
}
.CBB-whiteR-whiteSquare {
	background-image: url(pieces.png);
	background-position: -160px 0px;
}
.CBB-blackQ-blackSquare {
	background-image: url(pieces.png);
	background-position: -128px -32px;
}
.CBB-blackQ-whiteSquare {
	background-image: url(pieces.png);
	background-position: -128px -64px;
}
.CBB-whiteQ-blackSquare {
	background-image: url(pieces.png);
	background-position: -128px -96px;
}
.CBB-whiteQ-whiteSquare {
	background-image: url(pieces.png);
	background-position: -128px 0px;
}
.CBB-blackK-blackSquare {
	background-image: url(pieces.png);
	background-position: -32px -32px;
}
.CBB-blackK-whiteSquare {
	background-image: url(pieces.png);
	background-position: -32px -64px;
}
.CBB-whiteK-blackSquare {
	background-image: url(pieces.png);
	background-position: -32px -96px;
}
.CBB-whiteK-whiteSquare {
	background-image: url(pieces.png);
	background-position: -32px 0px;
}
.gwt-DialogBox {
	border: 1px solid black;
}
.gwt-DialogBox .Caption {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: medium;
	text-align: center;
	color: white;
	padding: 3px;
	background-color: #888888;
}
.CBB-button { 
	/* We need all three of these.. */
	height: 32px;
	min-height: 32px;
	min-width: 32px;
}
.CBB-acastle-button {
	background-image: url(buttons.png);
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-acastle-button-up-disabled {
	background-image: url(buttons.png);
	background-position: 0px -32px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #ddd;
	border-left:2px solid #ddd;
}
.CBB-acastle-button-down-hovering {
	background-image: url(buttons.png);
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-hcastle-button {
	background-image: url(buttons.png);
	background-position: -32px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-hcastle-button-up-disabled {
	background-image: url(buttons.png);
	background-position: -32px -32px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #ddd;
	border-left:2px solid #ddd;
}
.CBB-hcastle-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -32px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-draw-button {
	background-image: url(buttons.png);
	background-position: -64px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-draw-button-up-disabled {
	background-image: url(buttons.png);
	background-position: -64px -32px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #ddd;
	border-left:2px solid #ddd;
}
.CBB-draw-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -64px -0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-resign-button {
	background-image: url(buttons.png);
	background-position: -96px -0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-resign-button-up-disabled {
	background-image: url(buttons.png);
	background-position: -96px -32px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #ddd;
	border-left:2px solid #ddd;
}
.CBB-resign-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -96px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-flip-button {
	background-image: url(buttons.png);
	background-position: -128px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-flip-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -128px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-start-button {
	background-image: url(buttons.png);
	background-position: -160px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-start-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -160px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-rewind-button {
	background-image: url(buttons.png);
	background-position: -192px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-rewind-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -192px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-forward-button {
	background-image: url(buttons.png);
	background-position: -224px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-forward-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -224px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-end-button {
	background-image: url(buttons.png);
	background-position: -256px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-end-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -256px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-pgn-button {
	background-image: url(buttons.png);
	background-position: -288px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-pgn-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -288px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-dialog {
	padding: 5px;
	background-color: white;
}
.CBB-dialog-message {
	padding: 10px;
}
.CBB-status {
	margin: 5px;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
}
.CBB-post-message {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: medium;
	color: black;
}
.CBB-gamelogDisclosurePanel .CBB-header { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
	color: black;
	text-decoration: none;
	width: 416px;
}
.CBB-gamelogDisclosurePanel img {
	padding: 0px;
	border: 0px;
}
.CBB-gamelogDisclosurePanel a:hover img {
	padding: 0px;
	border: 0px;
}
